<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.id">
        {{item.name}}
      </li>
      <button @click="abc">走一走</button>
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return {
      list:[
        {id:1,name:'帅哥'},
        {id:2,name:'美女'},
        {id:3,name:'程序猿'}
      ]
    }
  },
  methods:{
    abc(){
      this.list.push(this.list[0])
      this.list.shift()
          }
  }
}
</script>

<style>

</style>
